body {
    display: none;
    padding: 20px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    user-select: none; /* supported by Chrome and Opera */
    overflow: hidden;
  }

  .container {
    margin-top: 10%;
  }
  
  .canvas {
    overflow: hidden;
    margin-left: 41%;
    z-index: 99999;
    position: absolute;
  }

  #number {
      position: absolute;
      width: 10%;
      margin-left: 41.8%;
      z-index: 2;
      margin-top: 9.5%;
  }

  #trisslot {
    z-index: -1;
  }

  .trissnummer {
    float: left;
    text-align: center;
    width: 33%;
    margin-bottom: 7.8%;
    font-size: 20px;
    font-family: 'Exo', sans-serif;
  }

  .nummer {
    font-size: 18px;
  }

  .nummer::after {
    content: ':-'
  }

  #multiplyer {
    position: absolute; 
    margin-left: 49%;
    margin-top: 17.7%;
    z-index: 2;
    width: 3%;
    text-align: center;
    font-size: 20px;
    font-family: 'Exo', sans-serif;
  }

  #multiplyer::after {
    content: ' X';
    font-family: 'Exo', sans-serif;
  }

  .nummer-name {
    font-size: 9px;
  }